function filterTable() {
  const nameSearchValue = document.getElementById('search-name').value.toLowerCase();
  const dateSearchValue = document.getElementById('search-date').value;
  const monthSearchValue = document.getElementById('search-month').value;
  const yearSearchValue = document.getElementById('search-year').value;
  const rows = document.querySelectorAll('#data-table table tbody tr');

  rows.forEach(row => {
    const cells = row.querySelectorAll('td');
    const nameCell = cells[0];
    const dateCell = cells[1];
    const dateParts = dateCell.textContent.split('-');
    const rowYear = dateParts[0];
    const rowMonth = dateParts[1];

    const nameMatch = nameCell.textContent.toLowerCase().includes(nameSearchValue);
    const dateMatch = dateSearchValue === '' || dateCell.textContent === dateSearchValue;
    const monthMatch = monthSearchValue === '' || rowMonth === monthSearchValue;
    const yearMatch = yearSearchValue === '' || rowYear === yearSearchValue;

    const shouldShow = nameMatch && dateMatch && monthMatch && yearMatch;
    row.style.display = shouldShow ? '' : 'none';
  });
}
